<div ng-switch="displayType">
    <table class="table table-bordered" ng-switch-when="1">
        <tr class="row-mid" ng-repeat="(rowIndex,column) in fColumnDefs">
            <th width="{{column.width}}" height="{{column.height}}">{{column.displayName?column.displayName:column.field}}</th>
            <td display-cell></td>
        </tr>
    </table>

    <table class="table table-bordered" ng-switch-when="3">
        <tr class="row-mid">
            <th ng-repeat="column in fColumnDefs" width="{{column.width}}" height="{{column.height}}">{{column.displayName?column.displayName:column.field}}</th>
        </tr>
        <tr class="row-mid" ng-repeat="(rowIndex,entity) in fData">
            <td  ng-repeat="(colIndex,column) in fColumnDefs">
                <display-cell></display-cell>
            </td>
        </tr>
    </table>

    <table class="table table-bordered" ng-switch-default>
        <tr class="row-mid">
            <th ng-repeat="column in fColumnDefs" width="{{column.width}}" height="{{column.height}}">{{column.displayName?column.displayName:column.field}}</th>
        </tr>
        <tr class="row-mid">
            <td  ng-repeat="(colIndex,column) in fColumnDefs">
                <display-cell></display-cell>
            </td>
        </tr>
    </table>
</div>